import { getUserDetailById, getUserInfo, login } from '@/api/user'
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
import { resetRouter } from '@/router'

export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    setToken(state, data) {
      state.token = data
      // 将token存储到cookie中  实现数据的持久化
      setToken(data)
    },
    setUserInfo(state, data) {
      state.userInfo = data
    },
    removeToken(state) {
      // 清除token
      state.token = ''
      // 清除cookie中的token
      removeToken()
    },
    removeUserInfo(state) {
      // 清除用户信息
      state.userInfo = {}
    }
  },
  actions: {
    // 将登录请求封装到actions中
    async login(store, data) {
      try {
        const res = await login(data)
        // if (res.data.success) {
        //   store.commit('setToken', res.data.data)
        // }
        // 在拦截器中已经做了判断 且直接返回了token
        store.commit('setToken', res)
        // 写入时间戳存储到cookies中
        setTimeStamp()
      } catch (err) {
        console.log(err)
      }
    },
    // 封装用户基本资料
    async getUserInfo(store, data) {
      // 用户的基本资料
      const resSimple = await getUserInfo()
      // 员工的基本信息
      const resDetail = await getUserDetailById(resSimple.userId)
      // console.log(resDetail)

      // 合并数据
      const res = {
        ...resSimple,
        ...resDetail
      }
      // console.log(res)
      // 修改userInfo（调用mutations中的setUserInfo）
      store.commit('setUserInfo', res)
      // 为了之后的操作, 返回这个 res
      return res
    },
    // 退出登录
    logout(store) {
    // 清理token
      store.commit('removeToken')
      // 清理userInfo
      store.commit('removeUserInfo')
      // 清理路由信息 防止高权限用户登录后路由权限的残留问题 （调用路由里的重置路由方法）
      resetRouter()
      // 4. 如果是为了保险起见, 连菜单数据也一并清空
      // 问题在于 permission 并不是当前 user 的子模块
      // 这个mutation 应该基于 最外层的根 vuex 实例来操作
      // 可以通过添加 {root: true} 来制定操作的实例时根vuex 实例
      store.commit('permission/setRoutes', [], { root: true })
    }
  }
}

